<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐购-新人专享</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">
    <link rel="stylesheet" href="/css/purchase/newlyweds.min.css?v=<%=$version%>">
</head>
<body>
<div id="newlyweds" v-cloak>
    <header class="cityAdHotlist-top">
        <span class="goback" @click="getBack()"></span>
        新人专享
        <!--<span class="sear"></span>-->
    </header>
    <div class="newlyweds-tab">
        <div class="newlyweds-tabSlide">
            <basic-slide :list="newUserVip.carousels"></basic-slide>
            <!--<div class="swiper-container">-->
                <!--<div class="swiper-wrapper">-->
                    <!--<div class="swiper-slide" v-for="item in newUserVip.carousels">-->
                        <!--<img :src="item.imgSrc" class="lazy">-->
                    <!--</div>-->
                <!--</div>-->
                <!--&lt;!&ndash; Add Pagination &ndash;&gt;-->
                <!--<div class="swiper-pagination"></div>-->
            <!--</div>-->
        </div>
        <div class="newlyweds-tabCent clearfix">
            <template v-for="(item,index) in newUserVip.types" v-if="index<2">
                <template v-if="item.sortDate==0">
                    <div class="tabCent-left" :class="{'tabCent-left1':list.typeId==item.typeId}" @click="getTab(item)">
                        <h6>抢购中</h6>
                        <strong>{{getData(item.beginDate)}}-{{getData(item.endDate)}}</strong>
                    </div>
                </template>
                <template v-else>
                    <div class="tabCent-right" :class="{'tabCent-right1':list.typeId==item.typeId}" @click="getTab(item)">
                        <h6>即将开始</h6>
                        <strong>{{getData(item.beginDate)}}-{{getData(item.endDate)}}</strong>
                    </div>
                </template>
            </template>
        </div>
    </div>
    <div class="newlyweds-cent">
        <div class="coupon-list" v-for="item in productList2">
            <strong class="coupon-lableIcon"></strong>
            <span class="coupon-txt">{{item.discount}}折</span>
            <strong class="slide-img" :style="bgimg(item.imgSrc)"></strong>
            <h6>{{item.title}}</h6>
            <span class="purchase-icon2"></span>
            <p>商品原价：&yen;{{item.pintegral}}</p>
            <div class="list-butt">
                <template v-if="sortDate==0">
                    <div class="list-buttLeft">
                        <span>剩余：{{item.lastStocks}}张</span>
                        <div><strong :style="'width: '+((item.activityStocks-item.lastStocks)/item.activityStocks)*100+'%'"></strong></div>
                    </div>
                    <span class="list-btn" @click="getNext(1,item.vipCouponId)">马上抢</span>
                </template>
                <template v-else>
                    <div class="list-buttLeft1">
                       共计：{{item.activityStocks}}张
                    </div>
                    <span class="list-btn1">即将开始</span>
                </template>
                <span class="list-txt">售价: <span class="list-buttMoney">{{item.integral}}</span></span>
            </div>
        </div>
    </div>
    <div class="purchase-advImg1"></div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/purchase/newlyweds.js?v=<%=$version%>"></script>
<script>
    var swiper1 = new Swiper(".newlyweds-tabSlide .swiper-container",{
        spaceBetween: 30,
        centeredSlides: true,
        // autoplay: {
        //     delay: 2500,
        //     disableOnInteraction: false
        // },
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        },
        lazy: {
            loadPrevNext: true,
            loadPrevNextAmount: 2
        },
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true//修改swiper的父元素时，自动初始化swiper
    });
</script>
</body>
</html>